.award
{
    font-size: 24px;
    text-align:left;
}
.projectimg
{
    /* width:680px;
    height:500px; */
    width: 100%;

}
body {
    background-color: #f89898
}
.row {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
.externalcardgroup{
    width:600px;
    margin:auto;
}
.externalcardgroupEarly{
    width:600px;
    margin:auto;
}
.blockquote-footer
{
    color: #444;
}
.codeWave{
    background-image: url('Images/PagePictures/griffpatch-academy/Wave.png');
    background-repeat: no-repeat;
    background-size:inherit;
}
.codeWave .container{
    padding-top:200pt
}
a.btn {
    box-shadow: #444 0px 0px 10px;
}

@media (max-width: 420px){
    .fourTwentySize{
        width: 95%;
        line-height: 40px !important;
    }
}

@media (min-width: 420px){
    .fourTwentySize{
        width: 400px;
    }
}

@media (max-width: 650px){
    .GAGJPicture{
        width: 90%;
    }
}

@media (max-width: 490px){
    .workInProgressProject{
        width: 100% !important;
    }
}

@media (min-width: 490px){
    .workInProgressProject{
        height: 350px !important;
    }
}

@media (max-width: 920px){
    .codeWave{
        background-image: unset;
    }
}

@media (min-width: 650px){
    .GAGJPicture{
        width: 620px;
    }
}

@media (max-width: 720px){
    .homeImg{
        width: 100%;
    }
}

@media (min-width: 720px){
    .homeImg{
        width: 700px;
    }
}

@media (max-width: 576px){
    .card-group{
        border-radius: 0.5em !important;
    }
}

@media (max-width: 770px) {
    .externalcardgroupEarly{
        width: 600px !important;
    }
}

@media (min-width: 770px) {
    .externalcardgroupEarly{
        display: flex;
    }
}

@media (max-width: 700px)
{
    #aboutMeText {
        padding: 20pt !important;
    }
}

@media (min-width: 995px)
{
    .breakforAboutMe {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    #ConveyorCarnageCarousel {
        width: 60% !important;
    }
    #RocketRadventureCarousel {
        width: 60% !important;
    }
    #ForSomeNextGameJamCarousel {
        width: 60% !important;
    }
}

@media (max-width: 620px) {
    .externalcardgroup{
        width: 400px !important;
    }
    .stats{
        width: 100% !important;
    }
    .externalcardgroupEarly{
        width: 400px !important;
    }
    .projectPageBorderCards{
        border-radius: 0.5em !important;
    }
    .projectPageBorder{
        border-top-left-radius: 0.5em !important;
        border-top-right-radius: 0.5em !important;
    }
    .breakforGACards{
        display: ruby !important;
    }
}

@media (min-width: 875px) {
    .projectDescription{
        width: 700px !important;
    }
    .comments{
        width:700px !important;
    }
    .projectPageBorderCards{
        border-radius: inherit;
    }
    .projectPageBorder{
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }
}
@media (max-width: 620px) {
    .card-group {
        display: inherit;
        flex-flow: row wrap;
        border-radius: 0.5em !important;
    }
    .breakforCards{
        display:ruby;
    }
    .projectPageCard {
        border-radius: inherit !important;
    }
}

@media (min-width: 620px) {
    .breakforCards{
        display:none !important;
    }
    .projectPageCard {
        border-radius: 0 !important;
    }
    .breakforGACards{
        display: none;
    }
}
@media (min-width: 620px) {
    .card-group {
        display: flex;
        border-radius: 0.5em !important;
    }
    .externalcardgroup{
        display: flex;
    }
}

@media (max-width: 620px)
{
    .breakAtSmall{
        display: ruby !important;
    }
}

@media (min-width: 620px)
{
    .breakAtSmall{
        display: none !important;
    }
}